{% extends "base.html" %}

{% block title %}
    <title>首页 | Dbird's Home</title>
{% endblock %}


{% block left_article %}

    {% for post in all_posts %}
        <article class="uk-article">

            <h5 class="uk-article-lead">
                <a href="{% url "blog_post_detail" post.id %}">{{ post.title }}</a>
            </h5>

            <p class="uk-article-meta">
                <span class="uk-icon-clock-o">{{ post.created_time }}</span>
                <span class="uk-icon-eye">浏览({{ post.click_nums }})</span>
                <span class="uk-icon-tags">评论({{ post.comment_nums }})</span>
            </p>
            <p class="uk-article-meta">
                <span class="label label-primary">{{ post.tags }}</span>
            </p>

            <p>
                <img width="900" height="300" src="" alt="">
            </p>

            <p>
                {{ post.body }}{{ post.thumbnail }}
            </p>

            <p>
                <a class="uk-button uk-button-primary uk-float-right" href="{% url "blog_post_detail" post.id %}">
                    阅读全文&nbsp<span class="uk-icon-angle-double-right"></span>
                </a>
            </p>

        </article>
    {% endfor %}



    <ul class="uk-pagination">
        <li class="uk-pagination-left uk-disabled"><span><i class="uk-icon-angle-double-left"></i></span>
        </li>
        <li class="uk-active"><span>1</span></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><span>...</span></li>
        <li><a href="#">20</a></li>
        <li class="uk-pagination-right"><a href="#"><i class="uk-icon-angle-double-right"></i></a></li>
    </ul>
{% endblock %}

